// 基于axios的请求模块
import axios from 'axios'
import JSONbig from 'json-bigint'
// 组件中可以使用this.$route，而非组件中需要导入
import router from '@/router'
// 非组件模块这样使用
import { Message } from 'element-ui'
import { APP_CONFIG } from '@/config'
// import Cookies from 'js-cookie'
// 请求发给axios进行配置
const request = axios.create({
  // baseURL: 'http://api-toutiao-web.itheima.net/',
  // baseURL: 'http://localhost:8081/api/v2/',
  baseURL: APP_CONFIG.STATIC_HOST + '/api/v2/',
  // 响应的数据转换API
  transformResponse: [function (data, headers) {
    try {
      return JSONbig.parse(data)
    } catch {
      return data
    }
  }]
})

request.defaults.withCredentials = true
// 请求拦截器
request.interceptors.request.use(
  function (config) {
    // 这里的config可以修改
    // const user = JSON.parse(window.localStorage.getItem('user'))
    // if (user) {
    //   config.headers.Authorization = `Bearer ${user}`
    // }

    // 本地调试写法
    // const cookie = Cookies.get('hello')
    // if (cookie) {
    //   config.headers.Cookies = cookie
    // }

    // 请求携带cookie
    config.withCredentials = true
    return config
  },
  function (error) {
    return Promise.reject(error)
  }
)

// 响应拦截器

request.interceptors.response.use(function (response) {
  // 响应码为2xx开头的都会进入这里
  // console.log(response)
  return response
}, (error) => {
  // console.log(error.response.status)
  const status = error.response.status
  // 响应码超出2xx的都会进入这里
  if (status === 401) {
    // 跳转到登录页面
    router.push('/login')
    Message('账号或密码错误，请重新登录')
    // 清除本地存储中的用户登录状态
    // window.localStorage.removeItem('user')
  } else if (status === 402) {
    // 跳转到登录页面
    router.push('/login')
    Message('登录状态失效，请重新登录')
    // 清除本地存储中的用户登录状态
    // window.localStorage.removeItem('user')
  } else if (status === 400) {
    Message('请求参数错误，请检查请求参数')
  } else if (status === 403) {
    Message('没有操作权限')
  } else if (status === 409) {
    Message('账号没有注册')
  } else if (status === 411) {
    Message('验证码错误')
  } else if (status === 412) {
    Message('手机号已被注册，请登录或更换后重试！')
  } else if (status === 413) {
    Message('身份过期，请重试！')
  } else if (status === 414) {
    Message('发送短信验证码失败,您的操作可能过于频繁,请稍后再试!')
  } else if (status >= 500) {
    Message.error('服务端内部异常，请稍后重试')
    // 服务端错误
  }
  return Promise.reject(error)
})

export default request
